 
<template>
  <div class="home">
    <div class="userInfo">
      <img :src="userInfo.avatar" alt="">
      <span>{{ userInfo.username }}</span>
    </div>
    <button @click="logout">退出登录</button>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      userInfo: {}
    }
  },
  onShow() {
    // 获取本地保存的用户信息
    this.userInfo = uni.getStorageSync('userInfo')
  },
  methods: {
    logout() {
      // 清除本地保存的用户信息，然后跳转到登录界面
      uni.removeStorageSync('userInfo')
      uni.reLaunch({ url: '/pages/login/login' })
    }
  }
}
</script>